<template>
    <div class='my_input'>
       <label>{{label}}:</label>
       <input :type="type" :placeholder="placeholder" :value="value" @input="$emit('input',$event.target.value)">
    </div>
</template>

<script>
export default {
    props:{
      value: [String,Number],
      label: String,
      placeholder: String,
      type:{
        type: String,
        default: 'text'
      }
    },
    data() {
        return {};
    },
    created() {},
    methods: {},
    components:{}
};
</script>

<style lang='scss'>
.my_input{
  display: flex;
  justify-content: center;
  label{
    width: 100px;
    text-align: right;
  }
  input{
    width: 200px;
    height: 100%;
    margin-left: 10px;
    padding: 0 10px;
  }
  height: 40px;
  align-items: center;
  margin: 20px 0;
}
</style>
